<div  class="container">

  <div class="commericalcontainer">
    <div class="region">
      <div>
        <label style="text-align:right" class="col-sm-2 control-label">所在地域:</label>
        <div class="col-sm-2">
          <select class="form-control" [(ngModel)]="regionInfo.proviceId" (change)="changeProvice($event.target.value)" name="provice">
            <option *ngFor="let option of provinceOptions" [value]="option.id">{{option.name}}</option>
          </select>
        </div>
        <div class="col-sm-2">
          <select class="form-control" [(ngModel)]="regionInfo.cityId" (change)="changeCity($event.target.value)" name="city">
            <option *ngFor="let option of cityOptions" [value]="option.id">{{option.name}}</option>
          </select>
        </div>
        <div class="col-sm-2">
          <select class="form-control" [(ngModel)]="regionInfo.countyId" (change)="changeCounty($event.target.value)" name="countyId">
            <option *ngFor="let option of countyOptions" [value]="option.id">{{option.name}}</option>
          </select>
        </div>

      </div>

      <div class="col-sm-2">
        <button type="submit" style="float:right;width: 100px" class="btn btn-primary" (click)="search()">
          搜索
        </button>
      </div>
    </div>
  </div>

  <div id="map" class="map"></div>


</div>